<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NeoHtop - Blazing-fast system monitoring for your desktop (built with Rust, Tauri & Svelte)</title>
  <meta name="description"
    content="A beautiful, efficient system monitor built with Rust and Svelte. Monitor processes, CPU, and memory usage in real-time with a modern interface.">
  <meta name="keywords"
    content="system monitor, task manager, cross-platform, process monitor, cpu usage, memory usage, rust, svelte">
  <meta name="author" content="Your Name">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://abdenasser.github.io/neohtop/">
  <meta property="og:title" content="NeoHtop - Blazing-fast system monitoring for your desktop">
  <meta property="og:description"
    content="A beautiful, efficient system monitor built with Rust and Svelte. Monitor processes, CPU, and memory usage in real-time.">
  <meta property="og:image" content="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:creator" content="@__abdenasser">
  <meta name="twitter:title" content="NeoHtop - Blazing-fast system monitoring for your desktop">
  <meta name="twitter:description" content="A beautiful, efficient system monitor built with Rust and Svelte.">
  <meta name="twitter:image" content="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png">
  <link rel="icon" type="image/png" href="favicon.ico">
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <link rel="stylesheet" href="styles.css">
  <link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png" as="image">
  <link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/screenshot.png" as="image">
</head>

<body>
  <header class="glass-nav">
    <nav>
      <div class="logo-container">
        <img src="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png" alt="NeoHtop" class="nav-logo">
        <span class="nav-brand">NeoHtop</span>
      </div>
      <button class="menu-button" aria-label="Toggle menu">
        ☰
      </button>
      <div class="nav-links">
        <a href="#home">Home</a>
        <a href="#features">Features</a>
        <a href="#download">Download</a>
        <a href="#install">Install</a>
        <a href="#testimonials">Testimonials</a>
        <a href="#faq">FAQ</a>
        <button id="themeToggle" class="theme-toggle" aria-label="Toggle theme">
          <span class="theme-icon">🌙</span>
        </button>
      </div>
    </nav>
  </header>

  <main>
    <section id="home" class="hero">
      <div class="hero-content">
        <div class="hero-text">
          <h1 class="gradient-text">Monitor Your System<br>With Style</h1>
          <p class="hero-subtitle">A beautiful, lightning-fast cross-platform system monitor.</p>
          <div class="hero-cta">
            <a href="#download" class="primary-button">Download Now</a>
            <a href="https://github.com/abdenasser/neohtop" class="secondary-button">
              View on GitHub
            </a>
          </div>
          <div class="badges">
            <script data-name="BMC-Widget" data-cfasync="false"
              src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="abdenasser"
              data-description="Support me on Buy me a coffee!" data-message="" data-color="#FF5F5F"
              data-position="Right" data-x_margin="18" data-y_margin="18"></script>
          </div>
        </div>
      </div>
      <div class="hero-background">
        <img src="https://github.com/Abdenasser/neohtop/raw/main/screenshot-light.png" alt="NeoHtop Interface light" />
        <img src="https://github.com/Abdenasser/neohtop/raw/main/screenshot.png" alt="NeoHtop Interface dark" />
      </div>
    </section>

    <section id="features" class="features">
      <h2 class="section-title">Why Choose NeoHtop?</h2>
      <div class="feature-grid">
        <div class="feature-card">
          <div class="feature-icon">🚀</div>
          <h3>Real-time Monitoring</h3>
          <p>Track system processes in real-time with minimal resource usage</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🎨</div>
          <h3>Modern UI</h3>
          <p>Beautiful interface with automatic dark/light theme detection</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🔍</div>
          <h3>Smart Search</h3>
          <p>Quick process search with advanced filtering options</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">📌</div>
          <h3>Process Pinning</h3>
          <p>Keep important processes in view for easy monitoring</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">⚡️</div>
          <h3>Resource Efficient</h3>
          <p>Built with Rust for optimal performance and low memory usage</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🛠</div>
          <h3>Process Management</h3>
          <p>View and manage processes with detailed information</p>
        </div>
      </div>
    </section>

    <section id="download" class="downloads">
      <div class="download-container glass-card">
        <h2>Download NeoHtop <span id="current-version">Loading...</span></h2>
        <div class="download-stats">
          <span id="download-count">...</span> Total Downloads
        </div>
        <p class="download-subtitle">Choose your platform to get started</p>
        <div class="download-options">
          <!-- macOS Downloads -->
          <div class="download-group">
            <h3 class="platform-title">macOS</h3>
            <!-- notarized by apple badge -->
            <div class="notarized-badge">
              <img
                src="https://img.shields.io/badge/Notarized%20by%20Apple-000000?style=for-the-badge&logo=apple&logoColor=white"
                alt="Notarized by Apple">
            </div>
            <div class="platform-options">
              <a href="" class="download-button macos" data-type="macos-intel" data-version="latest">
                <span class="icon">💻</span>
                <div class="button-text">
                  <span class="primary">Intel Chip</span>
                  <span class="secondary">macOS 10.15 or later</span>
                </div>
              </a>
              <a href="" class="download-button macos" data-type="macos-silicon" data-version="latest">
                <span class="icon">🍎</span>
                <div class="button-text">
                  <span class="primary">Apple Silicon</span>
                  <span class="secondary">macOS 11.0 or later</span>
                </div>
              </a>
            </div>
          </div>

          <!-- Windows Download -->
          <div class="download-group">
            <h3 class="platform-title">Windows</h3>
            <div class="platform-options">
              <a href="" class="download-button windows" data-type="windows" data-version="latest">
                <span class="icon">🫣</span>
                <div class="button-text">
                  <span class="primary">Windows</span>
                  <span class="secondary">Windows 10 or later</span>
                </div>
              </a>
            </div>
          </div>

          <!-- Linux Downloads -->
          <div class="download-group">
            <h3 class="platform-title">Linux</h3>
            <div class="platform-options">
              <!-- x86_64 Downloads -->
              <div class="linux-downloads">
                <h4>x86_64</h4>
                <a href="" class="download-button linux" data-type="linux-deb-x64" data-version="latest">
                  <span class="icon">📦</span>
                  <div class="button-text">
                    <span class="primary">.deb Package</span>
                    <span class="secondary">Debian/Ubuntu</span>
                  </div>
                </a>
                <a href="" class="download-button linux" data-type="linux-appimage-x64" data-version="latest"
                  style="margin-top: 10px;">
                  <span class="icon">🐧</span>
                  <div class="button-text">
                    <span class="primary">AppImage</span>
                    <span class="secondary">Universal Linux</span>
                  </div>
                </a>
                <a href="" class="download-button linux" data-type="linux-rpm-x64" data-version="latest"
                  style="margin-top: 10px;">
                  <span class="icon">📦</span>
                  <div class="button-text">
                    <span class="primary">.rpm Package</span>
                    <span class="secondary">Fedora/RHEL x86_64</span>
                  </div>
                </a>
              </div>

              <!-- ARM64 Downloads -->
              <div class="linux-downloads">
                <h4>ARM64</h4>
                <a href="" class="download-button linux" data-type="linux-deb-arm64" data-version="latest">
                  <span class="icon">📦</span>
                  <div class="button-text">
                    <span class="primary">.deb Package</span>
                    <span class="secondary">Debian/Ubuntu ARM64</span>
                  </div>
                </a>
                <a href="" class="download-button linux" data-type="linux-appimage-arm64" data-version="latest"
                  style="margin-top: 10px;">
                  <span class="icon">🐧</span>
                  <div class="button-text">
                    <span class="primary">AppImage</span>
                    <span class="secondary">Universal Linux ARM64</span>
                  </div>
                </a>
                <a href="" class="download-button linux" data-type="linux-rpm-arm64" data-version="latest"
                  style="margin-top: 10px;">
                  <span class="icon">📦</span>
                  <div class="button-text">
                    <span class="primary">.rpm Package</span>
                    <span class="secondary">Fedora/RHEL ARM64</span>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="install" class="install">
      <h2>Installation Guide</h2>
      <div class="install-steps">
        <div class="step">
          <span class="step-number">1</span>
          <h3>Download</h3>
          <p>Choose and download the appropriate version for your Mac</p>
        </div>
        <div class="step">
          <span class="step-number">2</span>
          <h3>Open DMG</h3>
          <p>Double-click the downloaded .dmg file</p>
        </div>
        <div class="step">
          <span class="step-number">3</span>
          <h3>Install</h3>
          <p>Drag NeoHtop to your Applications folder</p>
        </div>
        <div class="step">
          <span class="step-number">4</span>
          <h3>First Launch</h3>
          <p>Right-click and choose Open to bypass Gatekeeper</p>
        </div>
      </div>
    </section>

    <section id="testimonials" class="testimonials">
      <h2 class="section-title">What People Are Saying</h2>
      <div class="testimonial-grid">
        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">Neohtop is absolutely beautiful to look at. It's a modern system monitor inspired by
            htop, providing real-time insights into CPU, memory, disk, and network usage. A work of art! <a
              href="https://t.co/TAzCIEb8uF">pic.twitter.com/TAzCIEb8uF</a></p>&mdash; JoeyBaggaDonuts (@haxxusj) <a
            href="https://twitter.com/haxxusj/status/1854590782684250487?ref_src=twsrc%5Etfw">November 7, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="zh" dir="ltr">Htop 加强版： NeoHtop<br>基于 Svelte、Rust 和 Tauri 构建的现代化、跨平台的系统监控工具<a
              href="https://t.co/OtWlxxrCHZ">https://t.co/OtWlxxrCHZ</a> <a
              href="https://t.co/2MK9n8rZVw">pic.twitter.com/2MK9n8rZVw</a></p>&mdash; Geek (@geekbb) <a
            href="https://twitter.com/geekbb/status/1854081285846888881?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="zh" dir="ltr">💻 NeoHtop：现代跨平台系统监视器！实时追踪 CPU 和内存使用，支持进程管理。<br><br>基于 Svelte、Rust 和 Tauri
            构建，轻量高效，非常适合日常系统监控！<br><br>👉 <a href="https://t.co/MaOIMMbbPV">https://t.co/MaOIMMbbPV</a> <a
              href="https://t.co/rFLyULJVei">https://t.co/rFLyULJVei</a> <a
              href="https://t.co/6c6hGOeiLa">pic.twitter.com/6c6hGOeiLa</a></p>&mdash; 小弟调调 (@jaywcjlove) <a
            href="https://twitter.com/jaywcjlove/status/1854089502853357880?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">neoHTOP: A modern, cross-platform system monitor built on top of Svelte, Rust and
            Tauri<a href="https://t.co/MKZ53ZThKv">https://t.co/MKZ53ZThKv</a></p>&mdash; Nitin (@gniting) <a
            href="https://twitter.com/gniting/status/1853920938976223463?ref_src=twsrc%5Etfw">November 5, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">🚀 Introducing NeoHtop, the ultimate process monitoring tool for all your system needs!
            🖥️ Say goodbye to clunky, outdated monitors and hello to a modern, native solution with a clean and
            user-friendly interface. 🤩 With NeoHtop, you can easily keep track of your system's… <a
              href="https://t.co/qq8cXI8Qq1">pic.twitter.com/qq8cXI8Qq1</a></p>&mdash; Durgesh Gupta (@ilearnbydoing) <a
            href="https://twitter.com/ilearnbydoing/status/1854037593987428754?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="zxx" dir="ltr"><a href="https://t.co/2EoanAOvYL">https://t.co/2EoanAOvYL</a></p>&mdash; Tom Dörr
          (@tom_doerr) <a href="https://twitter.com/tom_doerr/status/1853861836736881133?ref_src=twsrc%5Etfw">November
            5, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="ru" dir="ltr">NeoHtop – мощный и стильный менеджер процессов<a
              href="https://t.co/uiGhE2YlFC">https://t.co/uiGhE2YlFC</a></p>&mdash; ITforNote (@itfornote) <a
            href="https://twitter.com/itfornote/status/1855943550036299934?ref_src=twsrc%5Etfw">November 11, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">Discover NeoHtop, a modern task manager for macOS combining terminal power with a
            user-friendly interface, built with Rust, Tauri &amp; Svelte.<br><br>{ author: <a
              href="https://twitter.com/__abdenasser?ref_src=twsrc%5Etfw">@__abdenasser</a> } <a
              href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a><a
              href="https://t.co/rowekkvOUY">https://t.co/rowekkvOUY</a></p>&mdash; CodeNewbie (@CodeNewbies) <a
            href="https://twitter.com/CodeNewbies/status/1854886849677824003?ref_src=twsrc%5Etfw">November 8, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
              href="https://t.co/wUEMeCKpkv">https://t.co/wUEMeCKpkv</a></p>&mdash; Ramón Goeden 🤨 (@websenat) <a
            href="https://twitter.com/websenat/status/1854134191480262993?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
              href="https://t.co/RCjYWlC81x">https://t.co/RCjYWlC81x</a></p>&mdash; CaschysBlog (@CaschysBlog) <a
            href="https://twitter.com/CaschysBlog/status/1854110661502017689?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">NeoHtop offers a modern interface with additional features like process pinning, smart
            search, and themes while maintaining high performance through its Rust backend. It's designed to be more
            user-friendly and efficient than traditional system monitors.<a
              href="https://t.co/c4niSeqw0p">https://t.co/c4niSeqw0p</a> <a
              href="https://t.co/hnqrfSiSFG">pic.twitter.com/hnqrfSiSFG</a></p>&mdash; Hustle Hacker (@HustleHackerAI)
          <a href="https://twitter.com/HustleHackerAI/status/1854352028304040139?ref_src=twsrc%5Etfw">November 7,
            2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="ja" dir="ltr">NeoHtopめちゃかっこいい。macOSでも動く。Apple
            Silicon版もちゃんとある。手元で動かしてみたけどアクティビティモニタより好きかも。<br><br>Abdenasser/neohtop: 💪🏻 htop on steroids <a
              href="https://t.co/u70aTS1rKK">https://t.co/u70aTS1rKK</a> <a
              href="https://t.co/c0iyjiW73q">pic.twitter.com/c0iyjiW73q</a></p>&mdash; Isao Shimizu (@isaoshimizu) <a
            href="https://twitter.com/isaoshimizu/status/1854097990698586584?ref_src=twsrc%5Etfw">November 6, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="ja" dir="ltr">見た目好みで使ってみてるシステムモニター、<a
              href="https://t.co/7lHLB8WtVk">https://t.co/7lHLB8WtVk</a><br>トグルボタンのアクティブ状態をアイコンを45度傾けるという方法で示してて、特殊すぎて２度見した
            <a href="https://t.co/JFC6ueyfBF">pic.twitter.com/JFC6ueyfBF</a>
          </p>&mdash; UMERUMA (@umeruma) <a
            href="https://twitter.com/umeruma/status/1855209294888902865?ref_src=twsrc%5Etfw">November 9, 2024</a>
        </blockquote>


        <blockquote class="twitter-tweet">
          <p lang="en" dir="ltr">🖥️ <a
              href="https://twitter.com/hashtag/NeoHtop?src=hash&amp;ref_src=twsrc%5Etfw">#NeoHtop</a>: Cross-platform
            system monitor combining <a
              href="https://twitter.com/hashtag/Svelte?src=hash&amp;ref_src=twsrc%5Etfw">#Svelte</a>, <a
              href="https://twitter.com/hashtag/Rust?src=hash&amp;ref_src=twsrc%5Etfw">#Rust</a>, and <a
              href="https://twitter.com/hashtag/Tauri?src=hash&amp;ref_src=twsrc%5Etfw">#Tauri</a> for a modern
            monitoring experience <a
              href="https://twitter.com/hashtag/opensource?src=hash&amp;ref_src=twsrc%5Etfw">#opensource</a> <a
              href="https://twitter.com/hashtag/devops?src=hash&amp;ref_src=twsrc%5Etfw">#devops</a> <br><br>🚀 Key
            features:<br>Real-time process monitoring<br>CPU &amp; memory usage tracking<br>Process search &amp;
            filtering<br>Dark/light theme support<br><br>💻 Tech stack:…</p>&mdash; Micha(el) Bladowski 🇩🇪 🇺🇦
          (@michabbb) <a href="https://twitter.com/michabbb/status/1853971838768173409?ref_src=twsrc%5Etfw">November 6,
            2024</a>
        </blockquote>

      </div>
    </section>

    <section id="faq" class="faq">
      <h2 class="section-title">Frequently Asked Questions</h2>
      <div class="faq-list">
        <div class="faq-item">
          <button class="faq-question">
            <span class="question-text">How does NeoHtop compare to Activity Monitor?</span>
            <span class="faq-icon">⌄</span>
          </button>
          <div class="faq-answer">
            <p>NeoHtop offers a modern interface with additional features like process pinning, smart search, and themes
              while maintaining high performance through its Rust backend. It's designed to be more user-friendly and
              efficient than traditional system monitors.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span class="question-text">Is NeoHtop resource intensive?</span>
            <span class="faq-icon">⌄</span>
          </button>
          <div class="faq-answer">
            <p>No, NeoHtop is built with Rust and optimized for minimal resource usage, typically using less than 1% CPU
              and minimal memory. It's designed to be lightweight while monitoring your system.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span class="question-text">Does NeoHtop work on all macOS versions?</span>
            <span class="faq-icon">⌄</span>
          </button>
          <div class="faq-answer">
            <p>NeoHtop supports macOS 10.15 (Catalina) and newer versions. It's optimized for both Intel and Apple
              Silicon Macs, with native support for both architectures.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span class="question-text">Can I customize the interface?</span>
            <span class="faq-icon">⌄</span>
          </button>
          <div class="faq-answer">
            <p>Yes, NeoHtop offers various customization options including:
            <ul>
              <li>Dark/Light theme switching</li>
              <li>Customizable columns and metrics</li>
              <li>Adjustable refresh rates</li>
              <li>Process grouping options</li>
            </ul>
            </p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span class="question-text">Is NeoHtop open source?</span>
            <span class="faq-icon">⌄</span>
          </button>
          <div class="faq-answer">
            <p>Yes, NeoHtop is completely open source and available on GitHub. You can contribute to the project, report
              issues, or suggest new features through our GitHub repository.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-88HFXRBNLS"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() { dataLayer.push(arguments); }
      gtag('js', new Date());

      gtag('config', 'G-88HFXRBNLS');
    </script>
    <script src="main.js"></script>
  </main>
  <footer class="footer">
    <div class="footer-content">
      <div class="footer-section">
        <h3>NeoHtop</h3>
        <p class="footer-description">
          A modern system monitor built with Rust and Svelte.
          Open source and free to use.
        </p>
      </div>

      <div class="footer-section">
        <h4>Links</h4>
        <ul class="footer-links">
          <li>
            <a href="https://github.com/abdenasser/neohtop" target="_blank" rel="noopener">
              <span class="icon">📦</span> GitHub Repository
            </a>
          </li>
          <li>
            <a href="https://github.com/abdenasser" target="_blank" rel="noopener">
              <span class="icon">👨‍💻</span> Creator
            </a>
          </li>
          <li>
            <a href="https://github.com/abdenasser/neohtop/issues" target="_blank" rel="noopener">
              <span class="icon">🐛</span> Report Issue
            </a>
          </li>
        </ul>
      </div>

      <div class="footer-section">
        <h4>Tech Stack</h4>
        <ul class="tech-stack-list">
          <li>
            <a href="https://www.rust-lang.org/" target="_blank" rel="noopener">
              <span class="icon">🦀</span> Rust
            </a>
          </li>
          <li>
            <a href="https://tauri.app/" target="_blank" rel="noopener">
              <span class="icon">⚡</span> Tauri
            </a>
          </li>
          <li>
            <a href="https://svelte.dev/" target="_blank" rel="noopener">
              <span class="icon">🎯</span> Svelte
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <p>Made with <span class="heart">❤️</span> and <span class="coffee">☕</span> by
        <a href="https://github.com/abdenasser" target="_blank" rel="noopener">Abdenasser</a>
      </p>
    </div>
  </footer>
</body>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

</html>